<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>校园内推</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- CSS -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
    <link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/push/index/assets/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/push/index/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="/push/index/assets/css/style.css">
    <link rel="stylesheet" href="/push/index/assets/css/animate.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="/push/index/assets/css/style-projects.css">
    <link rel="stylesheet" href="/push/index/css/style.css" type="text/css"/>

    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144"
          href="/push/index/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114"
          href="/push/index/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72"
          href="/push/index/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="/push/index/assets/ico/apple-touch-icon-57-precomposed.png">

    <style>
        a:hover {
            background-color: #ffa22e;
            color: #ffffff;
            text-decoration: none;;
        }

        .citychk {
            background-color: #ffa22e;
            color: #ffffff;
        }
    </style>
</head>


<body>

<!-- Header -->

<nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
    <div class="container">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target=".navbar-responsive-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand wow fadeInDownBig" href="/push">
                校园内推
            </a>
        </div>

        <div id="navbar-spy" class="collapse navbar-collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav pull-right">
                <li>
                    <a href="/push">主页</a>
                </li>

                <li class="active">
                    <a href="/push/findJob">找工作</a>
                </li>
                <li>
                    <a href="/push/shop">纪念品商城</a>
                </li>
                <li>
                    <a href="/push/cgat"><span>聊工作</span></a>
                </li>

                <li>
                    #if(User == null)
                    <a href="/user/loginIn">
                        #end
                        #if(User != null && User.type == 1)
                        <a href="/user/electPage">
                            #else if(User != null && User.type == 0)
                            <a href="#">
                                #end
                                <span>
                     #if(User == null) 登录 #else #(User.name) #end
                 </span>
                            </a>
                </li>
                #if(User??)
                <li>
                    <a href="/user/logout"><span>退出</span></a>
                </li>
                #end

            </ul>
        </div>
    </div>
</nav>

<!-- End Header -->
<div class="row container-kamn">
</div>
<div class="mask"></div>

<!-- End Header -->

<!-- Main Container -->
<div id="banners"></div>
<div class="container">
    <div class="row">
        <div class="col-md-9">
            #for(x : jobPage.getList())
            <div class="blog-post">
                <h1 class="blog-title">
                    <i class="fa fa-file-text"></i>
                    #(x.title)
                </h1>
                <br>
                <img src="/push/index/assets/img/slider/blog#(x.jmId%5).jpg" alt="Feature-img" align="right"
                     width="100%"
                     class="blog-image">
                <br>
                <p>
                    #(x.message)
                </p>
                <div>
                    <span class="badge">发布时间：#(x.createTime)</span>
                    <div class="pull-right">
                        <span class="label label-default">#(x.mess)</span>
                        <span class="label label-primary">优秀企业</span>
                        <span class="label label-success">优秀企业</span>
                        <span class="label label-info">优秀企业</span>

                        <span class="label label-danger">优秀企业</span>
                        <span class="label label-warning"><a href="/push/about?messId=#(x.jmId)"
                                                             class="detail">查看详情</a></span>
                    </div>
                </div>
            </div>
            <hr>
            #end
            <hr>
            #@paginate(jobPage.pageNumber, jobPage.totalPage, "/push/findJob/")
        </div>

        <div class="col-md-3">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title"><strong>职位搜索</strong></h3>
                </div>
                <div class="panel-body">
                    <form role="form" action="/job/getJobPage" method="post">
                        <div class="form-group">
                            <label for="province">请选择城市</label>
                            <select name="province" id="province" class="form-control"
                                    style="width: 140px; border-radius:0px">
                                <option value="0">全国</option>
                                #for(x : Province)
                                <option value="#(x.get('id'))">#(x.get("name"))</option>
                                #end
                            </select>
                            <br>
                            <select name="city" id="cityName" class="form-control"
                                    style="width: 140px; border-radius:0px">
                                <option value="0">请选择</option>
                            </select>
                            <br>
                            <label for="exampleInputEmail1">职位名称</label>
                            <input type="text" name="job_name" class="form-control" style="border-radius:0px"
                                   id="exampleInputEmail1">
                        </div>
                        <button type="submit" class="btn btn-sm btn-default">搜索</button>
                    </form>
                </div>
            </div>


            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner">

                    <div class="item active">
                        <img src="http://placehold.it/292/16a085/FFF&text=CSS3" alt="" class="img-responsive"/>
                    </div>
                    <div class="item">
                        <img src="http://placehold.it/292/d35400/FFF&text=HTML5" alt="" class="img-responsive"/>
                    </div>
                    <div class="item">
                        <img src="http://placehold.it/292/2980b9/FFF&text=RESPONSIVE" alt="" class="img-responsive"/>
                    </div>
                    <div class="item">
                        <img src="http://placehold.it/292/8e44ad/FFF&text=BOOTSTRAP3" alt="" class="img-responsive"/>
                    </div>
                </div>
                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>

        </div>

    </div>

</div>

<!--End Main Container -->


<!-- Footer -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <h3><i class="fa fa-map-marker"></i>联系方式</h3>
                <p class="footer-contact">
                    阜阳师范学院<br>
                    手机:13811012138 传真: 26531589<br>
                    邮箱: hello@qq.com<br>
                </p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-external-link"></i>跳转</h3>
                <p><a href="#"> 关于我们</a></p>
                <p><a href="#"> 服务</a></p>
                <p><a href="#">联系我们</a></p>
                <p><a href="#">推送</a></p>
                <p><a href="#">纪念品商城</a></p>
            </div>
            <div class="col-md-4">
                <h3><i class="fa fa-heart"></i>介绍</h3>
                <div id="social-icons">
                    服务在校学生
                </div>
            </div>
        </div>
    </div>
</footer>


<div class="copyright text center">
    <p>Copyright &copy; 2018 校园内推</p>
</div>


<script type="text/javascript" src="/push/index/js/jquery-1.10.2.min.js"></script>
<script src="/push/index/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/push/index/js/wow.min.js"></script>
<script>
    new WOW().init();
</script>

<script type="text/javascript">

    $(function () {
        $("#province").change(function () {
            var cityId = $("#province").val();
            var grade = $("#cityName");
            grade.empty();
            grade.prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
            $.ajax({
                type: "get",
                url: "../job/showCityById?cityId=" + cityId,
                // data: {cityId: cityId},
                dataType: "json",
                success: function (firstdata) {
                    for (var j = 0; j < firstdata.length; j++) {
                        var obj = firstdata[j];
                        grade.append("<option value=" + obj.id + ">" + obj.name + "</option>");
                    }
                },
                error: function (firstdata) {
                    console.log("失败");
                    $("#cityName").val("");
                }

                // }

            });
        })

        $('.detail').click(function () {

        })

    })
</script>


</body>
</html>
